import React from 'react'
import styles from './SearchWindow.css'
import Images from "../Images";
import _ from 'lodash';
class SrarchWindow extends React.Component{
  constructor(props){
    super(props)
    console.log(props)
  }
  HideWindow=()=>{
    this.props.refHide()
  }
  render(){
    let iconback = _.get(Images, 'iconback')
    let iconsearch1 = _.get(Images, 'iconsearch1')
    let iconsearch2 = _.get(Images, 'iconsearch2')
    let search_pl = this.props.search_pl
    return (
      <div className={styles.search_window}>
        <div className={styles.header}>
          <img onClick={this.HideWindow} className={styles.iocnback} src={iconback}/>
          <div className={styles.search_wrap}>
            <img className={styles.iconsearch1} src={iconsearch1}/>
            <input className={styles.search_input} type="search"
                   placeholder={search_pl}/>
          </div>
          <div className={styles.sort_box}>
            搜索
          </div>
        </div>
      </div>
    )
  }
}
export default SrarchWindow
